<!DOCTYPE html>
<html>
	<header>
		<style>
		
		</style>
		<meta charset="UTF-8"/>
		<title>ELIKO ARENDUSKESKUS OÜ</title>
		<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="lib/bootstrap/css/bootstrap-responsive.min.css" />
		<link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="lib/slider/css/slider.css" />
		<link rel="stylesheet" href="css/toradex.css" />

		
	</header>
	<body>
		<div class="row-fluid myhead"><!--SHAPKA-->
			<div class = "span2"><a href="http://www.eliko.ee"><img src="img/eliko_logo.jpg" width="66%"></a></div>
			<div class = "span4">SENSORITE ANDMED 1: <input type="file" id="sensFile1" accept = ".csv, text/*" name="sensFile1" /></div>
			<div class = "span3">SENSORITE ANDMED 2:  <input type="file" id="sensFile2" accept = ".csv, text/*" name="sensFile2" /></div>
			<div class = "span3 link"><a href="index.html">GRAAFIK JA ViDEO</a></div>
				
		</div>
		<div class=""> <!----------------------- MAIN AREA ------------------------> 
			<div class=""> <!-- PROBEL -->
			<p></p>		
			</div>
			
			<div class="span6 flot"> <!-- GRAPH HALFSCREEN  LEFT-->
				<div class="row-fluid" id="curveControlsL">	</div>
				<div class="row-fluid" id = "skaleerimine">
					<div class="span1"></div> <!--OTCTYn-->
					<div class="span7"  onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false">
						<i class = "icon-zoom-out icon-mini skal" id = "skalXzOutL"></i>
						<i class= "icon-resize-horizontal icon-3x" style="color:#aaa"></i>
						<i class = "icon-zoom-in icon-large skal"  id = "skalXzInL" style="top: 2px"></i>
						<span class = "info">või skrolli</span>
					</div>
					
					<div class="span1">
						<div class="span6">
							<i class= "icon-zoom-in icon-large skal" id = "skalYzInL"></i><br>
							<i class= "icon-zoom-out icon-mini skal" id="skalYzOutL"></i>
						</div>
						<div class="span6" style="color:#aaa">
							<i class = "icon-resize-vertical icon-3x"></i>
						</div>
					</div>
					<div class= "span3"><br><span class = "info">või SHIFT + skrolli</span></div>
					
				</div>
				<div class="row-fluid">
					<div class="span12" id="phd">
						<div class = "span12" id="placeholderLeft" style="height:300px;" onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false"></div>
						<div class="span12 subplot" id="subplotL">50</div>
						<div id="content" class="span12">
							<div class = "span12 info">Tõmba kõveraid hiirega graafiku liigutamiseks X-teljel, SHIFT'iga - Y-teljel</div> 
						</div>				
					</div>
				</div>
			</div>
		</div>
				
			<div class="span6 flot"> <!-- GRAPH HALFSCREEN RIGHT -->
				<div class="row-fluid" id="curveControlsR">	</div>
				<div class="row-fluid" id = "skaleerimine1">
					<div class="span1"></div> <!--OTCTYn-->
					<div class="span7"  onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false">
						<i class = "icon-zoom-out icon-mini skal" id = "skalXzOutR"></i>
						<i class= "icon-resize-horizontal icon-3x" style="color:#aaa"></i>
						<i class = "icon-zoom-in icon-large skal"  id = "skalXzInR" style="top: 2px"></i>
						<span class = "info">või skrolli</span>

					</div>
					
					<div class="span1">
						<div class="span6">
							<i class= "icon-zoom-in icon-large skal" id = "skalYzInR"></i><br>
							<i class= "icon-zoom-out icon-mini skal" id="skalYzOutR"></i>
						</div>
						<div class="span6" style="color:#aaa">
							<i class = "icon-resize-vertical icon-3x"></i>
						</div>
					</div>
					<div class= "span3"><br><span class = "info">või SHIFT + skrolli</span></div>
				</div>
				<div class="row-fluid">
					<div class="span12" id="phd1">
						<div id="placeholderRight" style="height:300px;" onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false"></div>
						<div class="span12 subplot" id="subplotR">50</div>
						<div id="content1" class="span12">
							<div class = "span12 info">Tõmba kõveraid hiirega graafiku liigutamiseks X-teljel, SHIFT'iga - Y-teljel</div> 

						</div>
					</div>
					
				</div>
				 
			</div>	
				
			
		</div>
		<p>		
		<br>
		
<!--		<p id= 't'></p>
		
 		<object id="Player" width="400" height="300"
			classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
			TYPE="application/x-oleobject">
			<param name="ShowControls" VALUE="true">
			<param name="FileName" VALUE ="SANY0139.MP4">
			<param name="ShowStatusBar" value="false">
			<param name="ShowDisplay" VALUE="false">
			<param name="autostart" VALUE="false">	
		</object>
		<br>
		<input type="submit" value="start" onclick ="Start()"/>	
		<input type="submit" value="stop" onclick ="Stop()"/>
		<input type="submit" value="<<<" onclick ="Seek(false)"/>
		<input type="submit" value=">>>" onclick ="Seek(true)"/>
-->
	</body>
	
	<script src="lib/jquery.min.js"></script>
		<script src="lib/bootstrap/js/bootstrap.min.js"></script>
		 <script language="javascript" type="text/javascript" src="lib/flot/jquery.flot.js"></script>
		 <script language="javascript" type="text/javascript" src="lib/slider/js/bootstrap-slider.js"></script>
		<script src="lib/jquery.csv-0.71.min.js"></script>
		<script src="lib/jquery.json-2.4.min.js"></script>
		<script src="lib/csonv.js"></script>
		<script src="lib/VideoFrame.js"></script>
	<!--	<script src="js/sensorid.js"></script>-->
		<script src="js/vordlus.js"></script>
	
</html>